﻿<!DOCTYPE HTML>

<html>
<head>
	<meta charset="utf-8" />
	<title>Creperie Online Delivery</title>
	<link rel="stylesheet" href="mystyle.css" />	
</head>

<body>
	<header id="banner">
		<img src="/img/crepe.png " align="right" alt="some_text"/>
		<h1> Our Logo </h1>
	</header>
	
	<div id="login">
		<h3>Register / Login </h3>
		<table>
			<tbody>
				<tr> 
					<th><label for="u_name">Username</label></th> 
					<th><input type="text" id="u_name" size="30"/></th>
				</tr>
				<tr> 
					<th><label for="pass">Password</label></th> 
					<th><input type="text" id="pass" size="30"/></th>
				</tr>
			</tbody>
			<tfoot>
				<tr> <th align="right" colspan=2>
					<input type="submit" value="Login">
					<input type="submit" value="Cancel">
					<input type="submit" value="Register">
				</th></tr>
			</tfoot>	
		</table>
		</br>
	</div>
	
	</br>
	<div id="carusel">
		<h3>Επέλεξε από τις έτοιμες προτάσεις μας: </h3>
	<!--ayto tha tropopoihthei symfwna me to javascript toy carousel-->
		<ul id="car">
				    <li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>
					<li><img src="http://lorempixum.com/800/800/food" width="100" height="100" alt="" /></li>

		</ul>
	</div>
	
	</br>
	<div id="make_crepes">
		<h3>Φτιάξε την δική σου Κρέπα: </h3>
		<table border="0">
			<tr>
				<th> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Τυριά </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Gouda</th> 
								<th>0,7</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Μανούρι</th> 
								<th>0,7</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
					<table 	border="1">	
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Αλλαντικά </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Γαλοπούλα Καπνιστή</th> 
								<th>0,8</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Ζαμπον</th> 
								<th>0,6</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Αλοιφές </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Τυροσαλάτα</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Philadelphia</th> 
								<th>0,4</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Extras </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
						<tr> 
								<th>1</th> 
								<th>Ντομάτα</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Μαρούλι</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
			</tr>
			<tr>
			</tr>
			<tr>
				<th> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Πραλίνες </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Μερέντα</th> 
								<th>0,5</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Nutella</th> 
								<th>0,5</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>
						</tbody>
					</table>
				</th>
				<th> 
					<table 	border="1">	
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Specials </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Μπισκότο</th> 
								<th>0,1</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Φουντούκι</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Extras </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Παγωτό</th> 
								<th>1.0</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Φρούτα</th> 
								<th>1.0</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
				</th>
			</tr>
			<tfoot>
				<tr> <th align="right" colspan=4>
					<input type="button" value="Καταχώρηση Κρέπας!" onclick="addCrepe()" />
					<button onclick="clearCrepe()">Ακύρωση Κρέπας</button>
				</tr>
			</tfoot>
		</table>		
			
		</br>
	</div>
	
	</br>
	<div>
		<h3>Στοιχεία παραγγελίας: </h3>
			<table 	id="con_table" border="1">
			<col width="550" />
			<col width="50" />
                <thead>
					<tr> <th>Υλικά</th> <th>Τιμή</th> </tr>
				</thead>
				<tbody>
					<tr> <th>null</th> <th>0</th>  </tr>
				</tbody>
				<tfoot>
				<tr> <th align="right">Συνολικό Ποσό :</th> <th>0</th> </tr>
				</tfoot>
			</table>
			</br>
	</div>
	
	</br>
	<div id="client">
	<form>
		<h3>Στοιχεία Πελάτη: </h3>
		<table>
			<tbody>
					<tr> 
						<th><label for="name">Όνομα</label></th> 
						<th><input type="text" id="name" size="30" maxlength="20"/></th>
					</tr>
					<tr> 
						<th><label for="sname">Επώνυμο</label></th>
						<th><input type="text" id="sname" size="30" maxlength="20"/></th>
					</tr>
					<tr>
						<th><label for="street">Οδός</label></th>
						<th><input type="text" id="street" size="30" maxlength="20"/></th>
					</tr>
					<tr>
						<th><label for="num">Αριθμός</label></th>
						<th><input type="text" id="num" size="30" maxlength="3"/></th>
					</tr>
					<tr>
						<th><label for="floor">Όροφος</label></th>
						<th><input type="text" id="floor" size="30" maxlength="2"/></th>
					</tr>
					<tr>
						<th><label for="phone">Τηλέφωνο</label></th>
						<th><input type="text" id="phone" size="30" maxlength="13"/></th>
					</tr>
			</tbody>
			<tfoot>
				<tr> <th align="right" colspan=2>
					<input type="submit" value="Αποστολή">
					<input type="submit" value="Ακύρωση">
				</th></tr>
			</tfoot>
		</table>
		</br>
	</form>
	</div>
	
	<footer>
		<a href="#">Συχνές Ερωτήσεις & Απαντήσεις </a></br>
		<ul class="foot">
			<li><a href="#">CopyLeft</a></li>
			<li><a href="mailto:email@email.gmail">Στείλτε μας E-Mail</a></li>
			<li><a href="#">Πολιτική Απορρήτου</a></li>
			<li><a href="#">Designed by the Team</a></li>
		</ul>	
	</footer>
</body>

</html>
	